<html>
<head>
<title>StoryOnAir</title>
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="/static/jquery.mobile.css" />
<script src="/static/jquery.js"></script>
<script src="/static/jquery.mobile.js"></script>
</head>
<body>

<!-- Start of menu page -->
<div data-role="page" id="图书馆">
   <div data-role="header">
      <h1>Menu</h1>
   </div><!-- /header -->
   <div data-role="content">
    <ul data-role="listview">
        {% if chapter %}
        {% for chapter in chapter %}
            <li><a href="./{{chapter.id}}/1/">{{chapter.name}}</a></li>
        {% endfor %}
        {% endif %}
    </ul> 
   </div><!-- /content -->
   <div data-role="footer">
      <h4>BY StefWoo</h4>
   </div><!-- /footer -->
</div><!-- /page -->


</body>
</html>


